<?
	session_start();

	//unset($_SESSION);

	require_once 'include/funcoes.php';

	$usuarios = getHomeUsuarios();

	if($_GET['logout'])
		logout();

	alreadyLoggedIn();

	if($_POST){
	    
		extract($_POST);
		
		if(checkLogin($login,$senha)){			
			header("Location: home");
			exit;
		}else{
			$login_failure = true;
		}
	}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<title><?=PROJECT_NAME?></title>
		<link rel="stylesheet" href="include/css/home.css" />
		<link rel="stylesheet" href="include/css/user.css" />
		
		<script type="text/javascript" src="include/js/mootools-core-1.4.3-full-compat-yc.js"> </script>
		<script type="text/javascript" src="include/js/mootools-more-1.4.0.1.js"> </script>
		
	</head>
	<body>
	    <div id="content">		
		<div  class="center">
		    <div id="topo">
			    <h1 class="title">share<span>this</span>map</h1>
			    <div class="topo2">
				<div id="login">
					<form method="post" action="">
						<input class="texto" name="login" type="text" maxlength="45" value="Login" />
						<input class="texto" name="senha" type="password" maxlength="45" value="00001111" />
						<input class="botao gradient-green" type="submit" value="Entrar" />
						<?
							if($login_failure)
							{
								?><span class="erro-login">login ou senha inválidos</span><?
							}
						?>
					</form>
				</div>
				<div id="busca">
					<form method="post" action="buscaGeral">
						<input class="texto" name="busca" type="text" maxlength="45" value="Digite para buscar lugares..." />
						<input class="botao gradient-green" type="submit" value="Buscar" />
					</form>
				</div>
			    </div>
		    </div>
		<br class="clear">
		    <div id="face" >

		    </div>
			<div id="faixa">
				<div id="apresentacao" class="gradient-green">
				<h2>Conecte-se às pessoas<br/>e encontre novos lugares!</h2>
					<div id="cadastro">
					    <form id="cadastroForm" method="post" action="cadastro">
							<input class="texto style-cadastro" name="nome" type="text" maxlength="45" value="Nome" /><br/>
							<input class="texto style-cadastro" name="login" type="text" maxlength="45" value="Login" /><br/>
							<input class="texto style-cadastro" name="senha" type="password" maxlength="45" value="00001111" /><br/>
							<input class="botao style-cadastro style-cadastro-botao gradient-gray" id="botao-cadastrar" type="button" onclick="submitCadastro()" value="Cadastrar-se" />
					    </form>
					    <div id="cadastroErro"></div>
					</div>
				</div>
				<img id="tela-home" src="./include/img/tela-home.png" alt="Veja como funciona" />
			</div>
		    <br class="clear">
		    <div id="passos">
			    <div class="passo">
				    <h3>Marque seus lugares...</h3>
				    <div>					
					<img src="./include/img/passo-marque.png" alt="Marque seus lugares..." />
					<p>Encontrou algum lugar interessante e quer dividir com seus amigos? Basta marcá-lo no mapa que todos os seus amigos vão receber.</p>
				    </div>
			    </div>
			    <div class="passo passo2">
				    <h3>... encontre outros ...</h3>
				    <div>
					<img src="./include/img/passo-encontre.png" alt="... encontre outros ..." />
					<p>Utilizando a busca e navegando pelo perfil de outras pessoas você irá encontrar novos lugares por todo o mundo. </p>
				    </div>
			    </div>
			    <div class="passo">
				    <h3>... conheça novas pessoas!</h3>
				    <div>
					<img src="./include/img/passo-conheca.png" alt="... e conheça novas pessoas!" />
					<p>Conheça todas as pessoas que curtem um lugar, entre no perfil delas e veja do que mais elas gostam. Vocês podem ter muito em comum.</p>
				    </div>
			    </div>
		    </div>
		    <br class="clear">
		    <div id="quemjausa">
			    
			    <? 
			    $arrUsers = array();
			    while($row = mysql_fetch_array($usuarios)) {
				    array_push($arrUsers, $row);
				    //print_user($id, $nome, $foto);
			    }
			    ?>
			    
			    <h4>Visite o perfil das <?=$arrUsers[0]['total']?> pessoas que já usam!</h4>
			    
			    <? 
			    foreach($arrUsers as $user) {
				    extract($user);
				    print_user($id, $nome, $foto);
			    }
			    ?>
			
			    <br class='clear' />
		    </div>
		</div>
	    </div>
	    
	    <? include 'include/layoutDownHome.html';?>
	</body>
</html>

<script type="text/javascript">    
    function submitBusca()
    {
		buscaForm 	= document.getElementById('buscaForm');
		query 		= document.getElementById("buscaInput").value;
		erroBusca 	= document.getElementById("erroBusca");
			
		msg_erro = "Preencha esse campo por favor.";
		
		if(query == '')
			erroBusca.innerHTML = msg_erro;
		else
			buscaForm.submit();	
    }
    
    
    
    
    function submitCadastro() {
	//cadastroErro
	var nome    = $$('#cadastroForm input')[0].get('value');
	var login   = $$('#cadastroForm input')[1].get('value');
	var senha   = $$('#cadastroForm input')[2].get('value');
	var botao   = $$('#cadastroForm input')[3];
	
	var cadastroReq = new Request.HTML ({
	    url: 'cadastro.php',
	    update: $('cadastroErro'),
	    async: false,
	    onRequest: function() {
		botao.addClass('botao_desabilitado');
		botao.disabled = true;		
	    },
	    onComplete: function() {		
		botao.removeClass('botao_desabilitado');
		botao.disabled = false;
	    }
	});
	
	cadastroReq.post({nome:nome,login:login,senha:senha})
	
	//alert('ss');
    }
    
    var input = $$('input[type=text], input[type=password]').addEvent('focus',function(){
	value = this.get('value');	
	if(!(value != "Login" && value != "Nome" && value != "Digite para buscar lugares..." && value != "00001111"))
	{
	    this.value = "";	
	}
    })
    
    
    
    
</script>